<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>权威课程免费体验</title>
		<style type="text/css">
			*{padding: 0; margin: 0;}
			#course{background: url(../img/bg.jpg) ;
			background-repeat: no-repeat;
			width: 500px;
			height: 600px;
			}
			#course ul{
				vertical-align: middle;
				padding: 70px;
				line-height: 40px;
				
			}
			#course ul li span{color: red;}
			#course ul li input{
				border-radius: 5px;
			}
			
		</style>
	</head>
	<body>
		<div id="course">
			<ul type="none">
				<form action="#" method="post">
					<li>
						<span>*</span>姓名：
						<input type="text" name="xingming" align="center" required />
					</li>
					<li>
						<span>*</span>邮箱：
						<input type="email" name="email" align="center" required />
					</li>
					<li>
						<span>*</span>电话：
						<input type="text" name="phone" align="center" required/>
					</li>
					<li> 
						性别：
						<select name="sex">
							
							<option value="">[请选择]</option>
							<option value="man">男</option>
							<option value="women">女</option>
						</select>
						
					</li>
					<li>
						年龄：
						<select name="age">
							
							<option value="">[请选择]</option>
							<option value="">20~30岁</option>
							<option value="">30~40岁</option>
							<option value="">40~50岁</option>
							<option value="">50~60岁</option>
							
						</select>
					</li>
					<input type="image" src="../img/btn.jpg" align="center"/>
				</form>
			</ul>
			
		</div>
	</body>
</html>
